<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>my-admin后台首页</title>
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.4/dist/css/layui.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="//unpkg.com/layui@2.6.4/dist/layui.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">my-admin后台管理系统</div>
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                欢迎光临，admin
            </li>
            <li class="layui-nav-item" lay-unselect="">
                <a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">用户设置</a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:;">修改信息</a></dd>
                    <dd><a href="javascript:;">安全管理</a></dd>
                    <dd><a href="javascript:;">退出登录</a></dd>
                </dl>
            </li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧垂直导航区域-->
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item">
                    <a href="./home.html" target="my_iframe">
                        <i class="layui-icon">&#xe68e;</i>
                        &nbsp;
                        首页
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a class="" href="javascript:;">
                        <i class="layui-icon">&#xe770;</i>
                        &nbsp;
                        用户管理
                    </a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="./list.html" target="my_iframe">
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                用户列表
                            </a>
                        </dd>
                        <dd>
                            <a href="./add.html" target="my_iframe">
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                用户添加
                            </a>
                        </dd>
                        <dd>
                            <a href="./edit.html" target="my_iframe">
                                &nbsp;&nbsp;&nbsp;&nbsp;
                                用户编辑
                            </a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!--tab标签-->
    <div class="layui-tab" lay-filter="demo" lay-allowclose="true" style="margin-left: 200px;">
       <div class="content">
           <iframe scrolling="0" name="my_iframe" frameborder="0" src="./home.html" style="width:100%;height:99vh;"></iframe>
       </div>
    </div>
</div>
</body>
</html>
